<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="plugin/jquery/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="plugin/justinput/pinyin-jianti-table.js"></script>
    <script type="text/javascript" src="plugin/virtula_keyboard/jquery.PYkeyboard.v2.js"></script>
    <link rel="stylesheet" type="text/css" href="plugin/virtula_keyboard/jquery.PYkeyboard.css">
    
    
     <style type="text/css">
     
      input:focus{
        background-color: green;
      }
     
     </style>
  
  
      <script type="text/javascript">
    
    var pinyin;
    
     function on_load(){
        var opts={};
       //opts["inputObj"]=myInput;
       //opts["divListArea"]=divListArea;
       //opts["divCode"]=divCode;
       //opts["divSelectWord"]=divSelectWord;
       opts["target"]="#target";
       pinyin=new KeyboardPinyin(opts);
       pinyin.loadKeyboard("#keyboard");
     }
          
    </script>
  
  
 

  </head>
  
  <body onload="on_load()">
 
      <p>目标1<input type="text" id="target"  onfocus="pinyin.setTarget(this)" />
                        目标2<input type="text" id="target2" onfocus="pinyin.setTarget(this)" />
    <p/>

    <div id="keyboard" style="width: 100%"></div>
  </body>
</html>
